import { useState, useEffect } from 'react'
import { FullscreenExitOutlined, FullscreenOutlined, WarningOutlined } from '@ant-design/icons';

import DarkBtn from '../../../../../../common/DarkBtn';
import TypeList from '../../LoopMsg/Yu_Jing_Xiao_Xi';
import { Modal } from 'antd';

export default function WarningInfo(props) {
    const [open, setOpen] = useState();
    return <>
        <DarkBtn icon={<WarningOutlined />} title={"预警信息"} onClick={e => {
            setOpen(true)
        }}></DarkBtn>
        <Modal
            wrapClassName='modal-main'
            title="预警信息"
            open={open}
            onOk={e => {
                setOpen(false)
            }}
            onCancel={e => {
                setOpen(false)
            }}
            width={800}
            bodyStyle={{
            }}
        >
            <TypeList />
        </Modal>
    </>;
}